<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
		<meta http-equiv="Cache-Control" content="no-cache/no-store" />
<!--[if IE 9]>
<script type="text/javascript" src="lib/html5shiv.js"></script>
<script type="text/javascript" src="lib/respond.min.js"></script>
<![endif]-->
<link rel="stylesheet" type="text/css" href="static/h-ui/css/H-ui.min.css" />
<link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/H-ui.admin.css" />
<link rel="stylesheet" type="text/css" href="lib/Hui-iconfont/1.0.8/iconfont.css" />
<link rel="stylesheet" type="text/css" href="static/h-ui.admin/skin/default/skin.css" id="skin" />
<link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/style.css" />
<link rel="stylesheet" type="text/css" href="js/plugin/honeySwitch/honeySwitch.css"/>
<style>
   .input-text{ 
    width:140px; 
   } 
</style>
<!--[if IE 6]>
<script type="text/javascript" src="lib/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->
<title>加班规则</title>
</head>
<body>
	<!--主内容-->
    <div id="workOvertimeRulesDiv" class=" col-sm-12 mt-20">
    	<table id="workOvertimeRulesTable" class="table table-border  table-bg table-hover">
    		<thead>
    			<button id="addRules" class="btn btn-primary radius"> + 新增加班规则</button>
              	<tr>
                 	<th>加班规则名称</th>
                 	<th>规则内容</th>
                 	<th>操作</th>
                 	<th>calcType</th>
                 	<th>durationType</th>
                 	<th>startTime</th>
                 	<th>timeUnit</th>
              	</tr>
          	</thead>
          <tbody></tbody>
    	</table>
    </div>
    <!-- 添加规则模态框 -->
    <div id="addRulesModal" class="modal fade" role="dialog" aria-labelledby="workOvertimeRulesModal" aria-hidden="true">
    	<div class="modal-dialog">
    		<div class="modal-content">
    			<div class="modal-header">
    				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
    				<h3 id="addRulesModal" class="modal-title">新增加班规则</h3>
    			</div>
    			<div class="modal-body" style="margin-top:10px;margin-buttom:10px;">
	    			<span>加班规则名称</span><input id="ruleName" type="text" class="input-text" style="margin-left:10px;margin-right:20px;"/><br/>
					<div style="margin-left: 50px; margin-top: 10px; margin-bottom: 10px; color: rgb(196, 196, 196);">最多20个字符（中英文或数字）</div>
					<!-- 是否允许加班 -->
					<div style="margin-top:10px;margin-bottom:10px;margin-left:10px;margin-right:20px;color: #999;display: block;float: left;text-align: right;">允许加班：</div>
					<div style="display: block;padding-left: 0;padding-right: 0;">
						<span id="switch" class="switch-on"></span>
					</div>
					<!-- 加班方式div -->
					<div id="workOvertimeWayDiv" style="margin-left:10px;margin-top:10px;display: block;margin: 10px 0 0;">
						<div style="text-align: right;color: #999;line-height: 28px;display: block;float: left;">加班方式计算：</div>
						<div style="display: block;font-size: 12px;float:left;margin-top:5px;">
							<input type="radio" name="calcType" data-calcType='1' data-durationType='1' checked="checked"/><span>需审批，以审批单为准</span><br/>
							<input type="radio" name="calcType" data-calcType='1' data-durationType='2'/><span>需审批，以打卡为准，但不能超过审批单时长</span><br/>
							<input type="radio" name="calcType" data-calcType='2' data-durationType='2'/><span>无需审批，根据打卡时间计算加班时长</span>
							<div id="overtimeSettingDiv" style="font-size:12px;" hidden>
								<div>
									<span style="color: #999;">加班起算时间：</span>
									最后一次下班后<input id="startTime" type="text" class="input-text" value="30" min="0" max="720" style="width:70px;height:26px;"/>分钟，开始计算加班  
									<br/>
								</div>
								<div>
									<span style="color: #999;">最小加班时长：</span>
									<input id="timeUnit" type="text" class="input-text" value="30" min="1" max="720" style="width:70px;height:26px;"/>分钟 
									<span style="color: #999;">小于该时长则加班时长记为0</span>
								</div>
							</div>
						</div>
					</div>
	    		</div>
	    		<div class="modal-footer" style="margin-top:40px;">
	    			<button type="button" class="btn btn-default" data-dismiss="modal">取 消</button>
					<button id="update" type="button" class="btn btn-primary" value="" style="display:none;">修 改</button>
					<button id="add" type="button" class="btn btn-primary">确 认</button>
	    		</div>
    		</div>
    	</div>
    </div>
    
    
</body>
<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="https://upload.shinehao.com.cn/20180810145355jquery.min1.9.1.js"></script> 
<script type="text/javascript" src="lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="https://upload.shinehao.com.cn/20180810150731H-ui.min3.0.2.js"></script> 
<script type="text/javascript" src="https://upload.shinehao.com.cn/20180813175723jquery.dataTables1.10.0.js"></script>
<script type="text/javascript" src="lib/datatables/1.10.0/dataTables.fixedColumns.min.js"></script>
<!--/_footer 作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="lib/My97DatePicker/4.8/WdatePicker.js"></script> 
<script type="text/javascript" src="lib/laypage/1.2/laypage.js"></script>
<script type="text/javascript" src="https://upload.shinehao.com.cn/20180810172341echarts.common.min3.4.0.js"></script>
<script type="text/javascript" src="myJs/echartUtil.js"></script>
<script type="text/javascript" src="myJs/util.js"></script>
<script type="text/javascript" src="myJs/attendOvertimeRule.js"></script> 
<script type="text/javascript" src="js/plugin/honeySwitch/honeySwitch.js"></script> 
</html>